<!DOCTYPE html>
<html>
<head lang="zh-cn">
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="renderer" content="webkit">
	<title>抽签仪式 - WEFA联盟</title>
	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css">
	<!--[if lt IE 9]>
	<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<style>
		#cqorder_list button {
			margin: 0 0 10px 0;
		}
		.col-md-12 .teamcity  a{cursor:pointer;}
		.col-md-12 .teamcity ul .contu a:hover{text-decoration:none; }
		.col-md-12 table{ width:100%; margin-top:20px;}
		.col-md-12 .teama{ background:#6cc9bb; width:70px; height:51px; border-bottom:1px solid #87e2d3; text-align:center; color:#525252; overflow:hidden;font-size: 12px;}
		.col-md-12 .teamab{ background:#72d2af;}
		.col-md-12 .teama em{ font:normal 32px Arial, Helvetica, sans-serif; color:#fcff00; margin-right:2px;}
		.col-md-12 .teamg{ background:#f0f0f0; width:453px; height:51px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
		.col-md-12 .teamg ul{padding-left: 0px;}
		.col-md-12 .fir{ background:#f0f0f0; height:51px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center; color:#525252; font-weight:bold; }
		.col-md-12 .team1{ background:#6cc9bb; width:60px; height:45px; border-bottom:1px solid #87e2d3; text-align:center; color:#525252; overflow:hidden;font:normal 14px Arial, Helvetica, sans-serif;}
		.col-md-12 .teamnn{background:#72d2af;}
		.col-md-12 .team1 em{ width:16px; height:16px; background:#fff; border-radius:2px; display:block; margin:0 auto; color:#454545; font:normal 14px Arial, Helvetica, sans-serif; text-align:center;}
		.col-md-12 .teamcity{background:#fff; width:453px; height:45px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
		.col-md-12 .sec{background:#f0f0f0;  height:45px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center; color:#525252; }
		.col-md-12 .sec span{ padding-top:10px; display:block;}
		.col-md-12 .sec span a{ color:#178791; margin:10px 5px 0 5px;}
		.col-md-12 .sec  p{ display:block;}
		.col-md-12 .sec  p em{ color:#ff560b; font: normal 12px Arial, Helvetica, sans-serif;}
		.col-md-12 .exa{ background:#FFF;}
		.col-md-12 .exa p{ color:#00a478;}
		.col-md-12 .teamg ul li{height:20px;text-align:center; float:left; font:normal 12px/20px "宋体"; list-style: none;}
		.col-md-12 .teamg ul .contu{ width:117px;_height:20px;}
		.col-md-12 .teamg ul .contu2{ width:42px; border-left:1px solid #d6d6d6;}
		.col-md-12 .teamcity ul{padding-left: 0px;}
		.col-md-12 .teamcity ul li{height:45px;text-align:center; float:left; font:normal 12px/45px "宋体"; background:#fff;list-style: none;} 
		.col-md-12 .teamcity ul .contu{ width:117px; text-align:left;}
		.col-md-12 .teamcity ul .contu a{ color:#656565; margin-left:8px;}
		.col-md-12 .teamcity ul .contu a i{ width:21px; height:15px; display:inline-block; vertical-align:middle;margin-top:-5px;}
		.col-md-12 .teamcity ul .contu a em{ display:inline-block;dvertical-align:middle; margin-left:2px; font-style: normal;}
		.col-md-12 .teamcity ul .contu2{ width:42px;}
		.col-md-12 .teamcity ul .grey{ background:#f7f7f7;}
		#cq_newmsgdetail{height: 315px;position:relative;background:url(__PUBLIC__/image/cqimg/lmgbg.jpg) no-repeat;}
		#cq_newmsgdetail h3{ position:absolute; left:260px; width: 410px; top:-20px; height: 150px; background-color: #fff; padding: 16px; padding-left: 50px; font-size:20px;background:url(__PUBLIC__/image/cqimg/grouptextbg.png) no-repeat; }
		#cq_newmsgdetail span.pos{position:absolute; left:309px; text-align: center; width:30px;top:190px;height: 50px;font-size:20px; }
		#preloader {
		/* Images you want to preload*/
		background-image: url(__PUBLIC__/image/cqimg/lmgbg.jpg);
		width: 0px;
		height: 0px;
		display: inline;
		}
	</style>
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
	<div class="container">
		<div class="navbar-header">
			<a class="navbar-brand" href="#">WEFA联盟</a>
		</div>
		<div id="navbar" class="navbar-collapse collapse">
			<ul class="nav navbar-nav">
				<li><a href="__APP__\Home\Index\index">主页</a></li>
				<li class="active"><a href="__APP__\League\Index\index">联赛</a></li>
				<li><a href="__APP__\League\Cup\index">杯赛</a></li>
			</ul>
			<div class="nav navbar-nav navbar-right">
				<a type="button" class="btn btn-default navbar-btn" href="__APP__\Team\Index\signUp">注册俱乐部</a>
				<a type="button" class="btn btn-default navbar-btn" href="__APP__\Team\Index\login">登录</a>
			</div>
		</div><!--/.nav-collapse -->
	</div>
</nav>
<div class="container">
	<div class="jumbotron">
		<h2>抽签仪式现场直播<span class="small">来晚了请刷新查看分区情况</span></h2>
		<div class="col_lm" style="width:100%;">
        	<div class="matchs_wrap js_matchswrap">
            <div class="match_cell match_notstart mod" id="cq_title"><h3>抽签仪式未开始</h3></div>
            <div class="match_cell match_notstart mod" id="cqorder_tit" style="display:none;"><h3>报名球队随机进行抽签顺序，结果为：</h3></div>
            <div class="match_cell match_notstart mod teamlist" id="cqorder_list" style="display:none; margin-top:15px;">
            
            </div>
            <div class="match_cell match_notstart mod" id="cq_newmsg" style="display:none;"><h3>下面开始为球队：【 <strong style="font-size:26px;">尤文V孔蒂</strong> 】 抽签！ . . .</h3></div>
            <div class="match_cell match_notstart mod" id="cq_newmsgdetail" style="display:none;"><h3>恭喜【 <strong style="font-size:22px;">尤文V孔蒂</strong> 】 <br /><br />抽到1区的1号顺位！ <br /><br />有请下一个俱乐部代表 . . .</h3><span class="pos">1</span></div>
            
            </div>
        </div>
	</div>
</div>
<div class="container">
	<div class="row">
		<div class="col-md-12">
			<div class="table-responsive">
			  <table class="table table-bordered">
			    <thead>
			    	<tr class="info">
			    		<th class="text-center">排名</th>
			    		<th width="340">&nbsp;&nbsp;俱乐部</th>
			    		<th class="text-center">场次</th>
			    		<th class="text-center">积分</th>
			    		<th class="text-center">胜</th>
			    		<th class="text-center">平</th>
			    		<th class="text-center">负</th>
			    		<th class="text-center">进球</th>
			    		<th class="text-center">失球</th>
			    		<th class="text-center">净胜球</th>
			    	</tr>
			    </thead>
			    <tbody class="text-center">
			    	<tr>
			    		<td>1</td>
			    		<td class="text-left">&nbsp;&nbsp;尤文V孔蒂</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    	</tr>
			    	<tr>
			    		<td>2</td>
			    		<td class="text-left">&nbsp;&nbsp;小帕托</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    	</tr>
			    	<tr>
			    		<td>3</td>
			    		<td class="text-left">&nbsp;&nbsp;futbal</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    		<td>0</td>
			    	</tr>
			    <tbody>
			  </table>
			</div>
		</div>
	</div>
	<div class="row"><br /></div>
</div>
<div id="preloader"></div>
<script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script>
	$(function () {
		var initAction = window.setInterval(function(){
			$.get("{:U('/Home/Index/lcqaction')}?steps=0&"+numRand(),function(data,status){
				if(data!=""){
					$("#cq_title h3").html("抽签仪式下面正式开始！");
					$("#cqorder_tit").show();
					$("#cqorder_list").show();
					var dataArr=data.split("|");
					var i=0;
					var forArr = window.setInterval(function(){
						//alert(dataArr[i]);
						$("#cqorder_list").append(dataArr[i]);
						i++;
						if(i>=dataArr.length){
							window.clearInterval(forArr);
							//开始抽签
							window.setTimeout(function(){
								$("#cq_title").hide();
								$("#cq_newmsg").show().children("h3").html("下面开始抽签...");
								var ctListener = window.setInterval(function(){
									$.get("{:U('/Home/Index/lcqaction')}?steps=1&"+numRand(),function(data){
										if(data!=""){
											ctDataArr=data.split("|");
											if(ctDataArr.length==3){
												$("#cq_newmsg").show().children("h3").html("下面开始为俱乐部："+ctDataArr[0]+"号【 <strong style=\"font-size:26px;\">"+ctDataArr[2]+"</strong> 】 抽签！ . . .");
												//继续ajax
												
												var ctResult = window.setInterval(function(){
													$.get("{:U('/Home/Index/lcqaction')}?steps=2&"+numRand(),function(ctrdata){
														if(ctrdata!=""||ctrdata!="|"){
															//alert(ctrdata);
															var ctResDataArr=ctrdata.split("|");
															if(ctResDataArr.length>2){
																$("#cq_newmsgdetail").show().children("h3").html("恭喜【 <strong style=\"font-size:22px;\">"+ctResDataArr[0]+"</strong> 】 <br /><br />抽到"+ctResDataArr[1]+"顺位！ <br /><br />有请下一个俱乐部代表 . . .");
																$("#cq_newmsgdetail .pos").show().html(ctResDataArr[2]);
																//$("#cq_newmsgdetail").addClass("cq_newmsg");
																//updateGroup(ctResDataArr[0],ctResDataArr[1].replace("组的","").replace("号",""));
																window.clearInterval(ctResult);
															}
														}
													});
												},1500);
												
											}
										}
										else
										{
											//alert(data);
											window.clearInterval(ctListener);
										}
									});
									//$("#cq_newmsg").show().children("h3").html("下面开始抽签...");
									
								},2000);
							},2000);
						}
					},{$secnum});
					window.clearInterval(initAction);
					
				}
			  });
		},{$tnum*$secnum*10});
	});
	function updateGroup(uname,posFlag){
		//alert("#TR_"+posFlag+" td.tb_col2 a"+uname);
		$("#TR_"+posFlag+" ul li.contu a em").html(uname);
		//$("#TR_"+posFlag+" ul li.contu a").focus();
		// $("#TR_"+posFlag).addClass("txyx");
		// window.setTimeout(function(){
		// 	$("#TR_"+posFlag).removeClass("txyx");
		// },2000);
	}
	function numRand() {
		var x = 99999; //上限
		var y = 9999; //下限
		var rand = parseInt(Math.random() * (x - y + 1) + y);
		return rand;
	}
</script>
</body>
</html>